/*web端 使用优惠券*/
#coupon-body{margin-bottom: 20px}
.coupon-div{display: inline-block;background: url('../images/couponbg_new.png') no-repeat left top;width:300px;position:relative;height:92px;margin-right:30px;margin-bottom:10px;background-size: 100% 100%;float: left;cursor: pointer; }
/*.coupon-div.unuseable{background-image: url('../images/couponbg2.png');color: #b6b6b6}*/
/*.coupon-div span{display: inline-block;color: #d99400;font-size: 16px;}*/
 .coupon-div:after{content: "";display:block;clear: both;}
 .coupon-div.unuseable .mark-div{position: absolute;width:100%;height: 92px;top:0;left:0px;opacity: 0.4;background: #000;}
 .coupon-div.unuseable .mark-info{position: absolute;width:100%;height: 92px;top:0;left:0px;color: #fff;line-height: 80px;text-align: center;font-size: 20px;z-index: 9;}
 .coupon-div .left-info{color: #3baef1; font-size: 48px;line-height:97px;width:118px;height:100%;text-align:center;float:left;}
 .coupon-div .left-info i{font-style: normal;font-size:18px;}
 .coupon-div .left-info .currency{font-size: 28px;vertical-align: top;display: inline-block;margin-top: -10px;}
 .coupon-div .right-info{display:inline-block;text-align:center;padding: 21px 14px 4px 0px;width:182px;font-size:12px;}
 .coupon-div .c-type{display:inline-block;color: #fff;background:#3baef1;padding:0px 10px;border-radius: 30px !important;font-size:14px;white-space: nowrap;}
 .coupon-div .c-count{display:block;color: #3baef1;}
 .coupon-div .c-expire{display:block;color: #999;}
/*.coupon-div.unuseable .c-type{color: #b6b6b6;}*/
.coupon-div .checkIcon{width:44px;height:43px;background-image: url('../images/checked_icon.png');position: absolute;top: 8px;right: 10px;display:block;background-repeat: no-repeat;}
.uncheck .checkIcon{background-image: url('../images/unchecked_icon.png');}
.coupon-div.hidecoupon{display: none}
.coupon-div.unuseable .checkIcon{display: none}
.showCoupons{padding-top: 62px;color: rgb(252, 167, 8);cursor: pointer;width: 140px;float:left;}
.showExpireCoupons{color: rgb(252, 167, 8);}
#myCouponContent:after{content: '\20';display:block;height:0;line-height:0;clear:both}


#couponVisual .input-group{ position:relative;}
#couponVisual .input-group-btn{position:absolute;right:54px;top:0;}
#couponVisual .form-control{ width:181px;}
#couponVisual .input-group-btn button{width: 56px!important;}

/*web端 折扣卡*/
.coupon-div-extra .left-info{color:#ff9b15;padding-left:15px;}
.coupon-div-extra .right-info{margin-top:16px;}
.coupon-div-extra .right-info .c-type{background-color:#ff9b15;}